<!DOCTYPE HTML>
<html>
<head>
	<title>Photo</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
</head>
<body>
	<div class="h-bg">
	<div class="container">
	<div class="header">
		<div class="logo">
	  		<a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
	 	</div>
	    <div class="foot-search">
			<form>
				<input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
				<input type="submit" value="Search">
			  </form>
		  </div>
<div class="clear"></div>
</div>
<div class="nav-collapse nav-collapse_ collapse">
	<ul class="nav sf-menu clearfix sf-js-enabled">
		<li class="active color-1"><a href="index.html">Home</a></li>
		<li class="sub-menu color-2"><a href="artists.html">Artists</a></li>
		<li class="color-3"><a href="blog.html">Blog</a></li>
		<li class="color-4"><a href="favourites.html">Favourites</a></li>
		<li class="color-5"><a href="index.html">Clients</a></li>
		<li class="color-6"><a href="contact.html">Contact</a></li>
	</ul>
</div>
	<div class="drp-dwn">
	 	<select onchange="window.location=this.options[this.selectedIndex].value">
			<option value="index.html">Home</option>
			<option value="artists.html">Artists</option>
			<option value="favourites.html">Favourites</option>
			<option value="blog.html">Blog</option>
			<option value="contact.html">Contact</option>
		</select>
	</div>
<div class="clear"></div>
</div>              
</div>
<div class="clear"></div>
<div class="main-bg">
<div class="container">
<div class="main-wrp">
<div class="main-list">
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic1.jpg" alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic2.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic3.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic4.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="main-list1">
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic5.jpg" alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic6.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic7.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic8.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="clear"></div>
</div>
<div class="main-list1">
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic9.jpg" alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic10.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic11.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="span4">
		<div class="css3gallery">
			<img src="./images/pic12.jpg"  alt="fotograph" title="" />
		</div>
	<div class="clear"></div>
	</div>
	<div class="clear"></div>
	</div>
	<div class="clear"></div>
<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
	<div class="container">
		<div class="footer-grid">
			<h3>HELLO WORLD!</h3>
			<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. Vestibulum ut tortor urnati dunt dolor. Nunc vulputate ultrices con sect etur donec semper lacinia ultri dolore cie lorem ipsum commete.</p>
			<form action="search.php" method="get" accept-charset="utf-8" class="nav-form">
                 <input type="text" name="s" onblur="if(this.value=='') this.value=''" onfocus="if(this.value =='' ) this.value=''" value=" ">
                 <a href="#" onclick="document.getElementById('search-form').submit()" class="btn-small">Subscribe</a>
            </form>
            <div class="clear"></div>
		</div>
		<div class="footer-nav1">
        	<ul>
        		<li id="twtr"><a href=""><img src="./images/twitter.png" alt="" title="Twitter"></a></li>
            	<li id="fb"><a href=""><img src="./images/fb.png" alt="" title="facebook"></a></li>
                <li id="mail"><a href=""><img src="./images/mail.png" alt="" title="Mail"></a></li>
                <li id="feed"><a href=""><img src="./images/feed.png" alt="" title="Feed"></a></li>
                <li id="plus"><a href=""><img src="./images/plus.png" alt="" title="Plus"></a></li>
			</ul>
        </div>
	</div>
</div>
<div class="footer1">
<div class="container">
	<p class="w3-link"><span>© All rights Reserved | Designed by&nbsp; <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
</div>
</div>
</body>
</html>